<template>
  <div class="grid grid-cols-2 gap-4 mb-4">
    <div class="flex items-center">
      <i class="ri-briefcase-line text-gray-400 mr-2"></i>
      <div>
        <div class="text-xs text-gray-500">当前职位</div>
        <div class="text-sm text-gray-700">{{ candidate.currentCompany }} · {{ candidate.currentPosition }}</div>
      </div>
    </div>
    <div class="flex items-center">
      <i class="ri-map-pin-line text-gray-400 mr-2"></i>
      <div>
        <div class="text-xs text-gray-500">当前城市</div>
        <div class="text-sm text-gray-700">{{ candidate.currentLocation }}</div>
      </div>
    </div>
    <div class="flex items-center">
      <i class="ri-money-cny-circle-line text-gray-400 mr-2"></i>
      <div>
        <div class="text-xs text-gray-500">期望薪资</div>
        <div class="text-sm text-gray-700">{{ candidate.expectedSalary }}</div>
      </div>
    </div>
    <div class="flex items-center">
      <i class="ri-time-line text-gray-400 mr-2"></i>
      <div>
        <div class="text-xs text-gray-500">求职状态</div>
        <div class="text-sm text-gray-700">{{ candidate.jobStatus }}</div>
      </div>
    </div>
  </div>
</template>

<script setup lang="ts">
import type { Candidate } from '../types'

interface Props {
  candidate: Candidate
}

defineProps<Props>()
</script>
